<template>
<div class="tops">
    <div class="left">
        <div class="cover">
            <img src="https://cdn7.axureshop.com/demo2024/2033334/images/演示框架/u3922.svg" alt="" class="covers">
            <img src="https://cdn7.axureshop.com/demo2024/2033334/images/演示框架/u3923.svg" alt="" class="picture">
        </div>
        <span>智慧物业管理系统</span>
    </div>
    <div class="right">
        <img src="https://cdn7.axureshop.com/demo2024/2033334/images/演示框架/__80px_u3929.svg" alt="">
        <span>七尾</span>
    </div>
</div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.tops{
    padding: 0 24px;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 21, 41, 1);
    .left{
        display: flex;
        align-items: center;
        .cover{
            width: 32px;
            height: 32px;
            border-radius: 50%;
            overflow: hidden;
            position: relative;
            .covers{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }
            .picture{
                width: 14px;
                height: 13px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }
        }
        span{
            margin-left: 8px;
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 1px;
            color: #FFFFFF;
        }
    }
    .right{
        display: flex;
        align-items: center;
        margin-right: 30px;
        img{
            width: 24px;
            height: 24px;
        }
        span{
            margin-left: 8px;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 1px;
            color: #FFFFFF;
        }
    }
}
.el-col.el-col-12{
    width: 216px !important;
    height: 100vh !important;
    background-color: #fff !important;
    // margin-top: 40px !important;
    .el-submenu__title{
        height: 52px !important;
        .ax_default.box_1.selected{
            height: 46px !important;
        }
    }
}
</style>